<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="Content-Language" content="en" />
		<script type="text/javascript" src="JSON-handle/js/jh.js"></script>
		<script type="text/javascript" src="JSON-handle/js/jquery.min.js"></script>
		<script type="text/javascript" src="JSON-handle/js/ad.js"></script>
		<script type="text/javascript" src="JSON-handle/js/lang.js"></script>
		<script type="text/javascript" src="envSetting.js"></script>
		<link href="JSON-handle/css/opt.css" type="text/css" rel="stylesheet" media="all" />
		<title> Setting JSON-handle </title>
		<style type="text/css">
			body {background-color:#f3f3ff;margin:0;@box-shadow:2px 2px 22px #fff inset;padding:5px;color:#555;}
			h1 span{vertical-align: top;}
			h1 img {padding-top: 4px;}
			h1 span {vertical-align: top;}
			.unit {display:block;margin:1em 0;}
			#open {margin:1em 0;}
			fieldset {width:660px;border:1px solid #bbb;}
			legend {color:#4c6cdd;}
			.function {text-align:right;}
			.wx, .pp {margin:0 0 0 164px;}
			.contributeTips {display:block;margin:0 0 15px;color:purple;}
			.row {margin:20px 10px;}
		</style>
	</head>

	<body style="visibility:hidden;">
		<h1><img src="/logo48.png" width=24 height=24 alt=""> <span>JSON-Handle Setting</span></h1>
		<fieldset>
			<legend class="langID_title_10">Setting</legend>
			<span class="unit"><input type="checkbox" id="able" /><label for="able" class="langID_title_4">Auto render JSON</label></span>
			<span class="unit"><input type="checkbox" id="contexts" /><label for="contexts" class="langID_title_31">Contexts Menu</label></span>
			<span class="unit">
				<label for="minimalism"><input type="checkbox" id="minimalism" name="minimalism" /><span class="langID_title_23">Switch to Minimalism Mode</span></label>

				<span id="miniTime">, 
					<label for="tooLarge"><input type="radio" id="tooLarge" name="miniTime" value="tooLarge"/><span class="langID_title_24">When file size is too large</span></label>
					<label for="anytime"><input type="radio" id="anytime" name="miniTime" value="anytime" /><span class="langID_title_25">Anytime</span></label>
				</span>
			</span>
			<span class="unit" id="panelMode">
				<span class="langID_title_5">Panel mode</span> : 
				<label for="alwaysPanel"><input type="radio" id="alwaysPanel" name="panelMode" value="always" /><span class="langID_title_27">always</span></label>
				<label for="leftClickPanel"><input type="radio" id="leftClickPanel" name="panelMode" value="leftClick" /><span class="langID_title_28">leftClick</span></label>
				<label for="rightClickPanel"><input type="radio" id="rightClickPanel" name="panelMode" value="rightClick" /><span class="langID_title_29">rightClick</span></label>
				<label for="btnPanel"><input type="radio" id="btnPanel" name="panelMode" value="clickButton" /><span class="langID_title_30">clickButton</span></label>
			</span>
			<span class="unit"><label for="fontUse" class="langID_title_26"></label> <select id="fontUse">
				<option value="Tahoma">Tahoma</option>
				<option value="fantasy">fantasy</option>
				<option value="cursive">cursive</option>
				<option value="Microsoft Yahei">Microsoft Yahei</option>
				<option value="Helvetica">Helvetica</option>
				<option value="Serif">Serif</option>
				<option value="Consolas">Consolas</option>
				<option value="monospace">monospace</option>
			</select></span>
			<span class="unit" id="renderMode">
				<span class="langID_title_16">Render mode</span> : 
				<label for="richRender"><input type="radio" id="richRender" name="renderMode" value="rich" /><span class="langID_title_17">rich</span></label>
				<label for="smartRender"><input type="radio" id="smartRender" name="renderMode" value="smart" /><span class="langID_title_18">smart</span></label>
				<label for="darkRender"><input type="radio" id="darkRender" name="renderMode" value="dark" /><span class="langID_title_19">dark</span></label>
			</span>
			<span class="unit">
				<span class="langID_title_9">Open JH mode</span> : 
				<label for="byWindow"><input type="radio" id="byWindow" name="openJhMode" value="win" />Window</label>
				<label for="byTab"><input type="radio" id="byTab" name="openJhMode" value="tab" />Tab</label>
			</span>
			<span class="unit">
				<span class="langID_title_6">Show img mode</span> : 
				<label for="showImgWhenHover"><input type="radio" id="showImgWhenHover" name="showImgMode" value="hover"/><span class="langID_title_8">When hover</span></label>
				<label for="showImgAll"><input type="radio" id="showImgAll" name="showImgMode" value="all" /><span class="langID_title_7">Show all</span></label>
			</span>
			<span class="unit">
				<span class="langID_title_12">Show array length mode</span> : 
				<label for="showLengthOnlyArray"><input type="radio" id="showLengthOnlyArray" name="showLengthMode" value="array"/><span class="langID_title_13">Array only</span></label>
				<label for="showLengthObjectArray"><input type="radio" id="showLengthObjectArray" name="showLengthMode" value="array-object" /><span class="langID_title_14">Array & Object</span></label>
			</span>
			<span class="unit">
				<span class="langID_title_20">JSON engine</span> : 
				<label for="jsonEngineByJH"><input type="radio" id="jsonEngineByJH" name="jsonEngine" value="JH-JSON"/><span>JH-JSON</span></label>
				<label for="jsonEngineByJSON"><input type="radio" id="jsonEngineByJSON" name="jsonEngine" value="JSON" /><span class="langID_title_21">JS Native JSON</span></label>
			</span>
			<span class="unit" id="showSortKeyInput">
				<label for="sortKey"><input type="checkbox" id="sortKey" name="sortKey" /><span class="langID_title_22">Sort keys</span></label>
			</span>
			<span class="unit">
				<label for="saveKeyStatus"><input type="checkbox" id="saveKeyStatus" name="saveKeyStatus" /><span class="langID_title_15">Save latest collapse status of key</span></label>
			</span>
			<span class="unit"><label for="lang">language : </label><select id="lang">
				<option value="zh-cn" selected="selected">zh-cn</option>
				<option value="zh-tw">zh-tw</option>
				<option value="en">en</option>
			</select></span>
			<button id="ok" type="button">ok</button>
		</fieldset>

		<div class="row"><a target="_blank" href="http://jsonhandle.sinaapp.com">http://jsonhandle.sinaapp.com</a></div>

		<div class="row">
			<span class="contributeTips">请作者紫石喝杯咖啡 : )  有建议或反馈请在官网留言<br />Invite the JH author drink coffee : ) Have suggestions or feedback please leave a message on the official website</span>

			<img class="alipay" src="" alt="" />
			
			<img class="wx" src="" alt="" />
		 <a href="https://www.paypal.me/gaoyuanggg" target="_blank">
			<img class="pp" src="" alt="">
		 </a>
		</div>

		<fieldset class="hide ad-help">
			<button id="closeAdBtn" type="button">☓</button>
			<legend id="aboutAdBtn" class="langID_title_11">About Ad in JH</legend>
			<div class="content">
				<p class="langID_msg_9">Why is there a Ad?</p>
				<p><span class="langID_msg_10">A little power for author to support development and server cost of JSON-handle , & He hope recommend more great tools and application to all.</span> <a class="langID_button_10" href="mailto:jsonhandle@gmail.com">contact</a> </p>
				<div class="ad-list"><ul>
				</ul></div>
			</div>
		</fieldset>
		<script type="text/javascript" src="options.js"></script>
		
	</body>
</html>